import React, { useState } from 'react';
import { Modal, Button,Input,Form } from 'antd';


const Downscore = () => {

    const [isModalVisible, setIsModalVisible] = useState(false);

    const showModal = () => {
      setIsModalVisible(true);
    };
  
    const handleOk = () => {
      setIsModalVisible(false);
    };
  
    const handleCancel = () => {
      setIsModalVisible(false);
    };

    return (
        <>
      <Button  onClick={showModal} block>
      下分
      </Button>
      <Modal title="扣除" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
      <Form.Item name={['user', 'website']} label="扣除金额"  rules={[{ required: true }]}>
    <Input    placeholder='请输入扣除金额'
               />
              
      </Form.Item>
      <Form.Item name={['user', 'website']} label="确认扣除金额"  rules={[{ required: true }]}>
    <Input    placeholder='请输入扣除金额'
               />
              
      </Form.Item>
      </Modal>
    </>
    );
}

export default Downscore;
